@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
/* .hidden {visibility:hidden;} */
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px; font-size:16px; line-height:32px;}
li{list-style:none;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.cur{cursor:pointer}

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:14px arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:16px;}
h5 { font-size:16px;}
h6 { font-size:10px;}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}



.center {

    width: 1200px;

    margin: 0 auto;

}



.clear {

    clear: both;

}



.left {

    float: left;

}



.right {

    float: right;

}


/*end reset*/

#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(/Skins/Default/Img/top.gif) no-repeat}
#fall{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -80px}
#ct{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/*end reset*/










.top-wrap{padding:0 2%;height:32px;line-height:32px;font-size:16px;overflow:hidden;background:#fff;border-bottom:#efefef solid 1px;}
.welcome{float:left;width:400px;color:#999;}
.top-tel{float:right;padding-left:48px;color:#043985;font-size:18px;border-left:#efefef solid 1px;font-weight:bold;background:url(../images/Common/tel.png) no-repeat 0 center;}
.top-menu{float:right;margin-right:20px;width:400px;text-align:right;}
.top-menu a{display:inline-block;color:#666;font-size:16px;}
.top-menu a:after{display:inline-block;content:"·";margin:0 15px;color:#8a8a8a;font-weight:bold;}
.top-menu a:last-child:after{display:none;}
.top-menu a:hover{color:#043985;}






.topxunpan {

    height: 40px;

    background-color: #f9f9f9;

}



.topxunpan p {

    float: right;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 40px;

    letter-spacing: 0px;

}



.topxunpan span {

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 40px;

    letter-spacing: 0px;

    color: #aaaaaa;

    padding-left: 25px;

    background: url('../images/h1.png') no-repeat center;

    background-position-x: 0px;

}



.topxunpan span i {

    font-weight: bold;

}



.topxunpan img {

    vertical-align: middle;

    margin-right: 10px;

}



.xp {

    position: relative;

    float: right;

    line-height: 40px;

    color: #aaaaaa;

    font-size: 14px;

    cursor: pointer;

    padding-left: 20px;

    margin-left: 15px;

    margin-right: 15px;

    background: url('../images/h.png') no-repeat center;

    background-position-x: 0px;

}



.xp img {

    margin-right: 2px;

    margin-right: 5px;

    vertical-align: baseline;

}



.topxunpan a {

    line-height: 40px;

    color: #aaaaaa;

    float: right;

    font-size: 14px;

    display: inline-block;

    transition: 0.7s;

}



.topxunpan a:hover {

    color: #e30000;

}



.topxunpan a::after {

    content: '|';

    margin-left: 5px;

    margin-right: 5px;

    color: #aaaaaa;

}



.topxunpan a:first-of-type {

    border: none;

    margin-right: 0px;

    padding-right: 0px;

    padding-left: 0px;

    margin-left: 0px;

}



.topxunpan a:first-of-type:after {

    content: '';

    display: none;

}



.topxunpan a:first-of-type:before {

    content: '';

    display: none;

}



.xp i {

    text-align: center;

    font-size: 14px;

    font-weight: normal;

    letter-spacing: 0px;

    display: inline-block;

    color: #aaaaaa;

    border-radius: 100%;

}



.xp #xunpantip {

    z-index: 999999999999999999999;

    position: absolute;

    top: 35px;

    left: 50%;

    width: 180px;

    height: 30px;

    line-height: 36px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    -webkit-transform: translateX(-50%) scale(0);

    -moz-transform: translateX(-50%) scale(0);

    -o-transform: translateX(-50%) scale(0);

    -ms-transform: translateX(-50%) scale(0);

    transform: translateX(-50%) scale(0);

    -webkit-transition: transform 0.4s, opacity 0.4s;

    -moz-transition: transform 0.4s, opacity 0.4s;

    -o-transition: transform 0.4s, opacity 0.4s;

    -ms-transition: transform 0.4s, opacity 0.4s;

    transition: transform 0.4s, opacity 0.4s;

    background-color: #e30000;

    border-radius: 4px;

    opacity: 0;

    font-weight: bold;

}



.xp #xunpantip::after {

    content: '';

    position: absolute;

    top: -16px;

    left: 50%;

    width: 0;

    height: 0;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    border: 8px solid transparent;

    border-bottom-color: #e30000;

}



.xp #xunpantip.xunpantextactive {

    -webkit-transform: translateX(-50%) scale(1);

    -moz-transform: translateX(-50%) scale(1);

    -o-transform: translateX(-50%) scale(1);

    -ms-transform: translateX(-50%) scale(1);

    transform: translateX(-50%) scale(1);

    opacity: 1;

    z-index: 999999999999999999999;

}



.topxunpan span {

    color: #808080;

}



.topxunpan a {

    color: #808080;

}



.topxunpan .xp {

    color: #808080;

}



.topxunpan .xp i {

    color: #808080;

}




.header {

    height: 140px;

}



.header .center {

    overflow: hidden;

}



.header .center .logo {

    float: left;

    padding-top: 48px;

    font-size: 0px;

}



.header .center .logo h1 a {

    font-size: 28px;

    font-weight: bold;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #333333;

    line-height: 24px;

    display: block;

}

.header .center .logo_tu{float:left; margin-right:10px; margin-top:30px;}

.header .center .logo>a {

    font-family: Arial;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0.6px;

    color: #808080;

    display: block;

    text-align: center;

    margin-top: 8px;

}



.header .center .left {

    margin-top: 51px;

    border-left: #bababa 1px solid;

    padding-left: 16px;

    margin-left: 16px;

}



.header .center .left p {

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 14px;

    letter-spacing: 0px;

    color: #666666;

}



.header .center .left .p1 {

    margin-bottom: 10px;

}



.header .center .tel {

    float: right;

    padding-top: 50px;

    overflow: hidden;

    padding-left: 48px;

    background: url('../images/htel.png') no-repeat center;

    background-position-x: 0px;

    background-position-y: 0px;

    margin-left: 50px;

    position: relative;

}



.header .center .tel>img {

    position: absolute;

    top: 61px;

    left: 8px;

    -webkit-animation: float 3s ease-in-out infinite;

    -o-animation: float 3s ease-in-out infinite;

    animation: float 3s ease-in-out infinite;

}



@keyframes float {

    0% {

        transform: rotate(10deg);

    }



    25% {

        transform: rotate(-10deg);

    }



    50% {

        transform: rotate(10deg);

    }



    75% {

        transform: rotate(-10deg);

    }



    100% {

        transform: rotate(10deg);

    }

}



.header .center .tel .p1 {

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #666666;

    line-height: 14px;

}



.header .center .tel .p2 {

    font-family: Arial;

    font-size: 24px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #333333;

}



.nav {

    height: 66px;

    background-color: #f9f9f9;

}



.nav .center {

    height: 66px;

    position: relative;

}



.nav .center .green {

    width: 92px;

    height: 3px;

    background-color: #e30000;

    position: absolute;

    bottom: 0px;

    left: 0px;

    border-left: 0 0px solid;

    transition: 0.7s;

}



.nav .center>ul {

    height: 66px;

}



.nav .center>ul>li {

    height: 66px;

    float: left;

    position: relative;

}



.nav .center>ul>li:last-of-type {

    border: none;

    margin-right: 0px;

    padding-right: 0px;

    padding-left: 0px;

    margin-left: 0px;

}



.nav .center>ul>li:last-of-type:after {

    content: '';

    display: none;

}



.nav .center>ul>li:last-of-type:before {

    content: '';

    display: none;

}



.nav .center>ul>li>a {

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #4d4d4d;

    line-height: 66px;

    padding: 0 28px;

    display: inline-block;

}



.nav .center>ul>li:after {

    content: '/';

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #d5d5d5;

    line-height: 66px;

}



.nav .center>ul>li:first-of-type>a {

    background: url('../images/nav.png') no-repeat center;

    background-position-x: 0px;

}



.nav .center>ul>li:hover>.down {

    opacity: 1;

}



.nav .center>ul>li:hover>.down>i {

    height: 40px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}



.nav .center>ul>li:hover>.down>i>a {

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}



.nav .center>ul>li>.down {

    position: absolute;

    width: 160px;

    top: 66px;

    display: inline-block;

    left: -34px;

    opacity: 0;

    z-index: 66666;

}



.nav .center>ul>li>.down>i {

    height: 0px;

    display: block;

    background: rgba(0, 0, 0, 0.6);

    position: relative;

    transition: 0.5s;

    width: 180px;

}



.nav .center>ul>li>.down>i>a {

    height: 0px;

    line-height: 0px;

    font-size: 0px;

    display: block;

    color: white;

    text-align: center;

    background: linear-gradient(to right, #e30000, #e30000) no-repeat;

    background-size: 0% 100%;

    transition: 0.5s;

    padding: 0px;

    border-radius: 0%;

    width: 160px;

    padding: 0 10px;

}



.nav .center>ul>li>.down>i>a:hover {

    background: linear-gradient(to right, #e30000, #e30000) no-repeat;

    background-size: 100% 100%;

    color: white;

}



.nav .center>ul>li>.down>i:hover>.down_ {

    width: 100%;

    opacity: 1;

}



.nav .center>ul>li>.down>i:hover>.down_>i {

    height: 40px;

    border-left: 1px solid rgba(255, 255, 255, 0.3);

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}



.nav .center>ul>li>.down>i:hover>.down_>i>a {

    font-size: 14px;

    line-height: 40px;

}



.nav .center>ul>li>.down>i>.down_ {

    width: 0%;

    position: absolute;

    left: 180px;

    top: 0px;

    transition: 0.5s;

    opacity: 0;

}



.nav .center>ul>li>.down>i>.down_>i {

    font-size: 14px;

    height: 0px;

    display: block;

    background: rgba(0, 0, 0, 0.6);

    transition: 0.5s;

    position: relative;

    width: 180px;

}



.nav .center>ul>li>.down>i>.down_>i>a {

    line-height: 0px;

    font-size: 0px;

    display: block;

    color: white;

    text-align: center;

    background: linear-gradient(to right, #e30000, #e30000) no-repeat;

    background-size: 0% 100%;

    transition: 0.5s;

    padding: 0px;

    border-radius: 0%;

    width: 160px;

    padding: 0 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.nav .center>ul>li>.down>i>.down_>i>a:hover {

    background: linear-gradient(to right, #e30000, #e30000) no-repeat;

    background-size: 100% 100%;

    color: white;

}



.nav .center .box {

    position: absolute;

    top: 10px;

    right: 0px;

}



.nav .center .box input {

    width: 0px;

    height: 45px;

    background-color: rgba(0, 0, 0, 0.7);

    border-radius: 25px;

    color: #fff;

    transition: 0.7s;

    opacity: 0;

}



.nav .center .box .sss {

    background: url('../images/sss.png') no-repeat center;

    background-color: #fff;

    position: absolute;

    top: 0px;

    right: 0px;

    width: 45px;

    height: 45px;

    transition: 0.7s;

    outline: none;

    cursor: pointer;

    border-radius: 5px;

}



.nav .center .box .show {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 45px;

    height: 45px;

    outline: none;

    cursor: pointer;

}



.nav .center .box .close {

    font-size: 24px;

    position: absolute;

    top: 2px;

    right: 0px;

    opacity: 0;

    transition: 0.7s;

}



.nav .center .on input {

    width: 200px;

    background-color: rgba(0, 0, 0, 0.7);

    border-radius: 25px;

    color: #fff;

    padding-left: 20px;

    padding-right: 40px;

    opacity: 1;

}



.nav .center .on .sss {

    border-radius: 100%;

    transform: scale(0.8);

}



.nav .center .on .close {

    right: -30px;

    opacity: 1;

    transform: rotate(360deg);

    outline: none;

    cursor: pointer;

}



.nav .center .on .show {

    display: none;

}











/* .header{
	border-top:5px solid #efefef;
	height: 124px;
	background: url(../images/header-bg.jpg) no-repeat center top;
}
.logo{
	margin-top: 30px;
	width:400px;
	display:block;
}
.nav{
	width: 770px;
	text-align: right;
}
.tel img{
	vertical-align: middle;
	margin-right: 4px;
}
.tel{
	font-size: 16px
	font-weight: bold;
	color: #202020;
	line-height: 35px;
	margin-top: 15px;
}
.tel span{
	font-weight: bold;
	font-family: "times new roman";
	color: #444;
	font-size:20px;

}
.tel span b{
	font-weight:normal;
	font-size:16px;
}
.nav-con>ul>li{
	width:110px;
	float: left;
	height:61px;
	line-height:61px;
	text-align:center;
	position:relative;
	margin-top:5px;
}
.nav-con>ul>li>a{
	display: block;
	position: relative;
    font-size: 15px;
    color: #fff;
}	
.nav-con li:hover{
	cursor: pointer;
    transition: all 0.6s;
}
.nav-con li:hover {
	cursor: pointer;
    transition: all 0.6s;
}
.nav-con li:hover span{
	font-weight: bold;
	color: #fff;
}
.nav-con li:hover .n_nav{
	display:block;
}
.nav-con>ul>li>a#menu_selected span{
	font-weight: bold;
	color: #fff;
}
.nav-con .menulevel {display: none;}


.n_nav{position:absolute; width:140%; z-index:1;  display:none;margin-left:-20px;}
.n_nav li{height:50px; line-height:50px; background:rgba(235,7,60,0.9); border-top:1px solid #fff;}
.n_nav li a{color:#fff;}


 */

/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:16px; font-family: "微软雅黑"; position:relative;min-width:1200px;width:100%;}/*网站字体颜色*/
 .content , .footer , .container,.w1200{margin-left:auto; margin-right:auto; width:1200px;}




.foot{background: #333333; padding: 61px 0 50px;}
.foot-logo img{display: block; margin: 0 auto 40px;}
.foot-nav{margin-bottom: 48px;}
.foot-nav ul li{display: inline-block; padding: 0 37px 0 32px; border-right: solid 1px #999;}
.foot-nav ul li a{display: block; font-size: 14px; line-height: 14px; color: #999; }
.foot-contact  em{display: block; font-size: 18px; line-height: 18px; color: #fff; background: url(../images/contact-line.png) no-repeat center; margin-bottom: 22px;}
.foot-contact p{display: block; font-size: 14px; line-height: 30px; color: #999; margin-bottom: 21px;}
.foot-contact p a{color: #999;}
.foot-nav ul li a:hover,.foot-contact p a:hover{color: #fff;}
.txt-c{text-align: center;}
.wechat ul li{display: inline-block; width: 120px; margin: 0 10px;}
.wechat span{display: block; font-size: 14px; color: #999; margin-top: 2px;}





/* footer */
.footer{width: 100%;}
.footerTop{height: 60px;background: #1472c5;}
.footerTop ul{width: 100%;}
.footerTop li{float: left;font-size: 14px;height: 60px;position: relative; z-index:9999;}
.footerTop li>a{color: #fff;height:60px;line-height: 60px;display: block;}

.footerCenter{width: 100%;background: url(../images/footerBg.jpg);padding-top: 18px;height: 175px;}
.footerCenter .box{float: left;}
.footerCenter .box1{width: 136px;height: 136px;margin-left: 16px;}
.footerCenter .box1 img{display: block;width: 136px;height: 136px;}
.footerCenter .box2{float: left;margin-left: 131px;width: 512px;padding-left: 114px;height: 78px;margin-top: 44px;border-left:1px solid #494949;border-right: 1px solid #494949;}
.footerCenter .box p{font-size: 14px;color: #fff;margin-bottom: 14px;}
.footerCenter .box p a{color: #fff;}
.footerCenter .box3{width: 136px;height: 136px;text-align: center;float: right;margin-right: 20px;}
.footerCenter .box3 img{width: 136px;height: 136px;}
.footerCenter .box3 p{margin-top: 10px;color: #fff;font-size: 14px;}
.footerBottom{width: 100%;height: 60px;text-align: center;background: #222222;line-height: 60px;}
.footerBottom p{font-size: 14px;color: #fff;}
.footerBottom p a{color: #fff;}



/*返回顶部*/
.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:46%; margin-right:-615px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

/* -- 弹出窗口 -- */
#oran_full_bg{ display:none !important;}

/* tanchuang1 提交弹窗*/
.tanchuang1{width:100%;position: fixed;top: 0;left: 0;background: url(Img/tanchuang/tanchuangBg.png);height:100%;}
.tanchuang1 .conBox{width: 400px;height: 212px;padding: 20px;background: #fff;position: absolute;left: 50%;margin-left: -220px;top: 50%;margin-top: -80px;}
.tanchuang1 .conBox .tcClose{width: 33px;height: 90px;position: absolute;right: 45px;top: -90px;cursor: pointer;z-index:999999999999999;}
.tanchuang1 .conBox .box{width: 398px;height: 190px;border: 1px solid #e5e5e5;padding-top: 20px;text-align: center;position: relative;}
.tanchuang1 .conBox .box img{display: block;width: 47px;height: 47px;margin: 0 auto;}
.tanchuang1 .conBox .box h5{font-size: 24px;color: #ef0000;font-weight: bold;margin-top: 10px;}
.tanchuang1 .conBox .box p{font-size: 16px;color: #4d4d4d;margin-top: 10px;}
.tanchuang1 .conBox .box .b15{display: block;width: 150px;height: 52px;line-height: 52px;text-align: center;font-size: 18px;color: #fff;position: absolute;bottom: -1px;left: 50%;margin-left: -75px;background: #ef0000;text-decoration: none;z-index:999999999999999;border:0px;}
.tanchuang2 .conBox .box a{background: #404040;}